<template>
    <div>
        <h1>{{data}}</h1>
        <h2>{{msy}}</h2>
        <button @click="resetData">修改数据</button>11
    </div>
</template>
<script>
export default {
    //props 获取父组件传过来的属性
    //props 里的数据和data里的一样,都是挂载到this上的
    props:['data'],
    data(){
       return{
         msy:123 
       } 
    },
    methods:{
        resetData(){
            this.msy="我是msy"
            // this.data = "修改父级的数据"
            // 不可以在子组件中修改父组件传递的数据
            this.$emit("getData",'修改的父级数据')
            //$emit:调用父传子函数发送数据给父组件
        },
    }
    // 父组件 v-bind:自定义属性="数据"
    // v-on:自定义函数="函数"
    //组建通信:父子通信 (父传子,子传父)

}
</script>

